<template>
	<base-toggle-group
		:model-value="modelValue"
		:data="sportsStore.sportList"
		@update:model-value="onChange" />
</template>

<script lang="ts" setup>
import { BaseToggleGroup } from '@/components/base'
import { useSportsStore } from '@/store'

defineProps({
	modelValue: {
		type: [String, Number]
	}
})

const emits = defineEmits(['update:modelValue'])

const sportsStore = useSportsStore()

const onChange = (val: string | number) => emits('update:modelValue', val)
</script>
